<template>
    <!-- 表格测试 -->
  <div ref="print">
  <div style="margin:0 auto;">
        <!-- <div style="text-align:center;margin-top:10px;">个人简历</div> -->
  <table class="table table-striped table-bordered" align="center" valign="center">
    <tr>
      <!-- <td class="column" colspan="7">基本信息</td> -->

    </tr>
    <tr>
      <td class="column">姓名</td>
      <td  class="value"></td>
      <td class="column">英文名</td>
      <td class="value"></td>
      <td class="column">年龄</td>
      <td class="value">18</td>

      <td class="value" rowspan="5"></td>
    </tr>
    <tr>
      <td class="column">性别</td>
      <td class="value"></td>
      <td class="column">国籍</td>
      <td class="value"></td>
      <td class="column">籍贯</td>
      <td class="value"></td>

      <!-- <td class="value"></td> -->
    </tr>
    <tr>
      <td class="column">出生年月</td>
      <td class="value"></td>
      <td class="column">民族</td>
      <td class="value"></td>
      <td class="column">政治面貌</td>
      <td class="value"></td>
      <!-- <td class="value"></td> -->
    </tr>
    <tr>
      <td class="column">最高学位</td>
      <td class="value" colspan="2"></td>
      <td class="column">身份证(护照)号</td>
      <td class="value" colspan="2" ></td>
      <!-- <td class="value"></td> -->

    </tr>
    <tr>
      <td class="column">现从事学科</td>
      <td class="value" colspan="2"></td>
      <td class="column">现研究方向</td>
      <td class="value"  colspan="2"></td>
      <!-- <td class="value" ></td> -->
    </tr>
    <tr rowspan="3">
      <td class="column">手机号码</td>
      <td class="value" colspan="2"></td>
      <td class="column">邮箱</td>
      <td class="value" colspan="3"></td>
      <!-- <td class="value" ></td> -->
    </tr>
    <tr>
      <td class="column">配偶姓名</td>
      <td class="value" colspan="2"></td>
      <td class="column">工作单位</td>
      <td class="value"  colspan="3"></td>
      <!-- <td class="value" ></td> -->
    </tr>
    <tr>
      <td class="column">学历学位</td>
      <td class="value" colspan="2"></td>
      <td class="column">毕业院校</td>
      <td class="value"  colspan="3"></td>
      <!-- <td class="value" ></td> -->
    </tr>
    <tr>
      <td class="column">拟加入团队</td>
      <td class="value" colspan="6"></td>
    </tr>
    <tr>
      <!-- <td class="column">教育经历(从本科填起)</td> -->
      <td class="value" colspan="7" style="text-align:left">
        教育经历(从本科填起) ：
      </td>

    </tr>
    <tr>
      <td class="value" colspan="1">学位</td>
      <td class="value" colspan="1">起始时间</td>
      <td class="value" colspan="1">终止时间</td>
      <td class="value" colspan="1">国家或地区</td>
      <td class="value" colspan="2">院校专业</td>
      <td class="value" colspan="1">导师</td>
    </tr>
    <tr>
      <td class="value" colspan="1"></td>
      <td class="value" colspan="1"></td>
      <td class="value" colspan="1"></td>
      <td class="value" colspan="1"></td>
      <td class="value" colspan="2"></td>
      <td class="value" colspan="1"></td>
    </tr>

    <tr>
      <!-- <td class="column">教育经历(从本科填起)</td> -->
      <td class="value" colspan="7" style="text-align:left">
        工作经历 ：
      </td>

    </tr>
    <tr>
      <td class="value" colspan="1">职称</td>
      <td class="value" colspan="1">起始时间</td>
      <td class="value" colspan="1">终止时间</td>
      <td class="value" colspan="1">国家或地区</td>
      <td class="value" colspan="2">工作单位</td>
      <td class="value" colspan="1">职务</td>
    </tr>
    <tr>
      <td class="value" colspan="1"></td>
      <td class="value" colspan="1"></td>
      <td class="value" colspan="1"></td>
      <td class="value" colspan="1"></td>
      <td class="value" colspan="2"></td>
      <td class="value" colspan="1"></td>
    </tr>



    <tr>
      <td class="value" colspan="7" style="text-align:left;">
        国际学术组织任职或兼职：
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
      </td>
    </tr>


  </table>
    </div>
  </div>
</template>

<script>
export default {
    name:'userinfotable'
}
</script>

<style scoped lang="scss">
.table{
    border-collapse: collapse;
    border-spacing: 0;
    background-color: transparent;
    display: table;
    width: 100%;
    max-width: 100%;
    width: 50vw;
    margin:0 auto;
  }
  .table td{
    text-align:center;
    vertical-align:middle;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #333333;
    font-weight: bold;
    padding: 8px 12px;
  }
  .table-bordered {
    border: 1px solid #ddd;
  }
  *{
    margin: 0px;
    padding: 0px;
  }
  .column{
    width:10vw;
    height:3.5vh;
    border:1px solid #333;
    background: #f1f1f1;
  }
  .value{
    width:15vw;
    height:3.5vh;
    border:1px solid #333;
  }
</style>